*{
    margin:0;
    padding: 0;
}
.banner{
    height: 500px;
}
.banner1{
    background: url("../img/banner.jpg");
}
.banner2{
    background: url("../img/banner2.jpg");
}
.banner3{
    background: url("../img/banner3.jpg");
    background-size: cover;
}
@media (max-width: 600px) {
    .banner{
        height: 230px;
    }
    .banner1{
        background: url("../img/banner.jpg") center no-repeat;
        background-size: cover;
    }
    .banner2{
        background: url("../img/banner2.jpg") center no-repeat;
        background-size: cover;
    }
    .banner3{
        background: url("../img/banner3.jpg") center no-repeat;
        background-size: cover;
    }
}
.warper{
    background: url("../img/banner4.jpg");
}
.card .card-text{
    overflow: hidden;
    white-space: nowrap;
}
.btn1{
    float: left;
}
ul{
    list-style-type: none;
}
.footer{
    padding-top: 20px;
    padding-bottom: 20px;
}